.mocks-card-action-btn {
  display: flex;
  justify-content: flex-end;
}

.mocks-card-icon {
  font-size: 1rem;
  color: var(--neutrals-gray-300);
  margin-top: 5px;
}

.mocks-card-list-item {
  padding: 8px;
  border-radius: 4px;
  transition: 0.25s background ease-in-out;
  cursor: pointer;

  &:hover {
    background: var(--requestly-color-surface-1);
  }

  &:hover .mocks-card-list-item-name {
    text-decoration: underline;
    text-decoration-color: var(--requestly-color-text-default);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
  }
}

.mocks-card-list {
  height: 144px;
  overflow-y: auto;
  margin-top: 8px;
}
